<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <!-- <link rel="stylesheet" href="./css/cart.css"> -->
    <link rel="stylesheet" href="./css/cart_sass.css">
</head>
<body>
    <!-- 头部 -->
    <div class="headerBox"></div>

    <!-- 空 -->
    <div class="null"></div>

    <!-- 内容部分 -->

    <div class="container">
        <div class="show_head">
            <div class="timer">
                <!-- <i></i>
                <span class="count"> 请在 
                    <span class="time_txt">04分12秒</span>
                内去结账，并在下单后 </span>
                <span class="pink">20</span> 分钟内完成支付 </span>
                <span class="timeout"> 已超过购物车商品保留时间，请尽快结算。 </span> 
                [<a class="help" href="#"> ? <div class="pop_box">  
                    <span class="arrow_t_1"><span class="arrow_t_2"></span></span> 
                    <div class="timer_tip_text"> 由于商品库存有限，我们只能暂为您最多保存20分钟，
                        <br>20分钟后购物车将被清空，请尽快结算订单。 </div> </div> </a>] -->
            </div>
            <div class="ban"></div>
            <div class="ship"></div>
        </div>
        <div class="cart_show">
            <table border="1" width="900px" align="center" cellspacing="0" style="width: 1060px;">
                <thead>
                    <tr class="cart_item">
                        <th width="90px">选择</th>
                        <th class="view1">
                            <div class="group">
                                <!-- <input type="checkbox"> -->
                                <h2 style="text-align: center;">想要购买的商品</h2>
                            </div>
                        </th>
                        <!-- <th class="name1"></th> -->
                        <th class="price1" >特惠价 (元) </th>
                        <th class="num1">数量</th>
                        <th class="sum1">小计</th>
                        <th class="delete1">
                            <i id="del">?</i>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <!-- <tr index="${val2.id}" class="cart_item">
                        <td class="view">
                            <input type="checkbox" class="che">
                            <div class="view">
                                <a class="cart_item_pic" href="#">
                                <img src="${val1.img}" alt="${val1.brand}">
                                </a>
                                <a class="cart_item_link" href="#">${val1.proName}
                                </a>
                                <p class="kind">${val1.kind}</p>
                            </div>
                        </td>
                        <td class="price">${val1.price}</td>
                        <td class="num"><input type="number" class="setNum" value="${val2.num}"></td>
                        <td class="sum">${val2.num * val1.price}</td>
                        <td class="delete">删除</td>
                    </tr> -->
                </tbody>
                <tfoot>
                    <tr height="50">
                        <td><input type="checkbox" id="allCheck">                        
                            <label for="allCheck">全选</label>
                        </td>
                        <td align="right">总数量:</td>
                        <td id="allNum" align="center"></td>
                        <td id="allPrice"></td>
                        <td></td>
                        <td align="center">删除选中</td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>

    


    <!-- 底部 -->
    <div class="footerBox"></div>
</body>

<script src="./libs/require.js" data-main="./js/cartMain.js"></script>

<!-- <script src="./ajax.js"></script> -->
<script src="./libs/jquery.js"></script>
<!-- <script src="./js/cart.js"></script> -->

<script>
    $(function(){
    $(".headerBox").load("http://localhost:3000/public/header.html .zxt_header" ,function(){
        var sc = document.createElement("script");
        sc.src = "./js/public.js";
        $("body").append(sc);
    });
    $(".footerBox").load("http://localhost:3000/public/header.html .zxt_footer")
})
</script>
<script>
    if(localStorage.getItem("isLogin") !== "ok"){
        alert("未登录状态，不允许打开购物车，请先登录")
        location.href = "./login.html"
    }
</script>

</html>